<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<!--品牌分析 -->
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
		<script type="text/javascript" src="js/base/jquery.js"></script>
		<script type="text/javascript" src="js/plugins/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/plugins/jqModal.js"></script>
		<script type="text/javascript" src="js/plugins/jqDnR.js"></script>
		<script src="js/DateTime.js" type="text/javascript"></script>
		<script src="js/jquery.qtip-1.0.0-rc3.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/numFormat.js"></script>
		<script type="text/javascript" src="js/toExcel.js"></script>
		<script type="text/javascript" src="js/indexReady.js"></script>
		<script type="text/javascript" src="js/brandAnalysis.js"></script>
		<script type="text/javascript" src="js/reportCommon.js"></script>
		<script type="text/javascript" src="js/changeSite.js"></script>
		<script type="text/javascript" src="echarts/build/dist/echarts-all.js"></script>
		<link href="css/time1.css" rel="stylesheet" type="text/css" />
		<link href="css/time2.css" rel="stylesheet" type="text/css" />
		<link href="datatables/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
		<jsp:include page="title.jsp"></jsp:include>
		<script type="text/javascript">
			var dateindexPowerList = ${dateIndexMap};
			var indexListOfGroup = ${indexList};
			var indexGroupInfo = ${indexGroupInfo};
			var indexInfo = ${indexInfo};
			indexInfo = eval(indexInfo);
			indexGroupInfo = eval(indexGroupInfo);
			indexListOfGroup =  eval(indexListOfGroup);
			dateindexPowerList = eval(dateindexPowerList);
			//将后台取到的指标存在前端数组array中
			for(var p in indexInfo){
				array[p]= indexInfo[p];
			}
			//将后台取到的指标类型存在前端数组arrayGroup中
		 	for(var p in indexGroupInfo){
				arrayGroup[p]= indexGroupInfo[p];
			}
		</script>
 	</head>
	<body onload="pageLoad()">
	
	<div class="headdiv"><jsp:include page="head.jsp"></jsp:include></div>
	<div class="zhuti">
			<div class="jingediv"></div>
			<div class="lefterdiv">
				<jsp:include page="menu.jsp"></jsp:include>
			</div>
			<div class="jingediv"></div>
			<div class="righterdiv" id="right">
				<jsp:include page="changeBrand.jsp"></jsp:include>
			    <form action="brandSelectLoad" id="brandSelectForm" method="post">
					<input type="hidden" value="brandAnalysis" name="siteSelectParam.pageFrom" >
					<input type="hidden" value="brandAnalysis" name="siteSelectParam.controlTo" >
					<input type="hidden" value="2" name="siteSelectParam.selectType">
					<input type="hidden" value="" name="siteSelectParam.siteString" id="siteString">
					<input type="hidden" value="${siteId}" name="siteId" id="siteId"/>
					
				</form>
				<form action="getExportExcle" id="ExportExcle" method="post">
					<input type="hidden" value="" name="table">
					<input type="hidden" value="" name="fileName">
					<input type="hidden" value="" name="character">
					<input type="hidden" value="" name="describe">
				</form>
				
				<form action="userManager" method="post" id="myForm">
					<div class="sitebar">
						<div class="floatleft div25"></div>
						<div class="sitename font24 top26"> 
							<span class="orange" style="cursor: pointer"><a class="orange" onclick="showChange('brand')" >${lang.change}>></a></span>
						</div>
						<div class="date font14 top26">
							${datetime }
						</div>
					</div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">品牌趋势对比</div>
								<div class="weather bold font10">
									<input type="hidden" value="品牌分析" id="titles" />
									<!--用户登录指标权限-->
									<!--brandId 平牌id-->
									<input type="hidden" value="${brandId}" id="brandIds"/>
									<!--brandIds 平牌id-->
									<input type="hidden" value="${siteId}" id="siteIds"/>
									<!--hdtype js取值，默认为客流量-->
									<input type="hidden" value="1" id="hdtype" />
									<!--txtspan js取值，默认为本周-->
                            		<input type="hidden" id="txtspan" value="day_7"/>
                            		<input type="hidden" value="day" id="timeModel" />
							</div>
						</div>
						<!--指标-->
						<div class="chartdiv font16">
							<div class="em25"></div>
							<div class="em35">
								<div class="floatleft div25">
								</div>
								<div class="floatleft div135">
									<table class="indextable widthall textcenter">
										
									</table>
								</div>
								<div class="floatleft div90">
								</div>
								<div id="divDay" class="floatleft div360">
									<table class="indextable widthall textcenter">
										<tr>
											<td onclick="getspan('day_1')" id="day_1" style="cursor:pointer;" class="quarter tdborder">当天</td>
											<td onclick="getspan('day_7')" id="day_7" style="cursor:pointer;" class="quarter tdborder">${lang.zuijin}7${lang.tian}</td>
											<td onclick="getspan('day_14')" id="day_14" style="cursor:pointer;" class="quarter tdborder">${lang.zuijin}14${lang.tian}</td>
											<td onclick="getspan('day_30')" id="day_30" style="cursor:pointer;" class="quarter tdborder">${lang.zuijin}30${lang.tian}</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div240" id="xuanzesj" style="overflow:hidden">
									<table class="indextable widthall textcenter">
										<tr>
											<td class="widthall tdborder">
												<div id="shijianduibi">
													<div id="div_date" class="nocheckoption" style="cursor:pointer;"  onclick="getspan('day_0')">
					                                    	<span id="date" onclick="getspan('day_0')">2015-5-1${lang.zhi}2015-5-15</span>
					                                </div>
												</div>
											</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div25">
								</div>
							</div>
							
							<div class="floatleft hisindexleft em575">
								<div class="em65"></div>
								<div class="floatleft zhibiao25"></div>
								<div class="floatleft em35" style="width: 82.8%">
									<select class="indextable widthall heigthall  tdborder" id="select_zhibiao"  onchange="changezhibiao(this)">
										<option value="0">视频客流</option>
													
									</select>
								</div>
								<div class="em65"></div>
								<div class="floatleft zhibiao120" style="height: 64%;display:block;overflow:auto;">
									<table class="indextable widthall textcenter indextableborder" id="zhibiaotable">
										<!-- <tr>
											<td id="zhibiao_0" class="em35 lineh35" onclick="getinfo(0,this)">${lang.traffic}</td>
										</tr> -->
									</table>
								</div>
								<div class="cleardiv"></div>
							</div>
							
							
							<div class="floatleft hisindexright em670">
								<div class="mid em670" id="tubiao1">
								</div>
							</div>
							<div class="cleardiv"></div>
							<div class="em25"></div>
						</div>
						<!--根据日周月年显示对应的div-->
							<div class="mid h40" id="divWeek" style="display:none">
								<div id="datePicker">
									<input type="hidden" value="2015-06-23" name="startDate"
										id="startDate">
									<input type="hidden" value="2015-06-24" name="endDate"
										id="endDate">
								</div>
							</div>
					</div>

					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">${lang.details}</div>
							<div class="floatleft div25 floatright"></div>
							<div class="font22 floatright orange outcsv"><c:if  test="${buttonExport=='1'}"><span onclick="javascript:outExcel('hdtable','biaogeshuoming','历史品牌对比分析')">Excel导出</span></c:if></div>
						</div>
						<div class="xiangxidiv">
							<div class="em25"></div>
							<div class="widthall">
								<div class="floatleft div25 defaultheight"></div>
								<div class="floatleft textarea" style="display:none">
								
											<input type="hidden" id="hdtable" />
											<input type="hidden" id="hdtablesize" value="12" />
								</div>
								<div class="divcontent" id="datatable">
									<table class="indextable xyliebiao widthall">
										
									</table>
								</div>
								<div class="floatleft div25 defaultheight"></div>
								<div class="em15"></div>
								<div class="">
									<div class="floatleft div25"></div>
									<div class="floatleft divhalf heigthall lineh25"  id="biaogeshuoming" style="width: 75%;height:auto!important;color: #666 !important;">
									数据说明：
									</div>
									<div class="floatleft divfanye em35 lineh35" style="width: 20%">
												<div id="divfanye" class="floatright fenye">
													<div onclick="gotopage(-1)" class="floatleft fyjiantou">
														<img src="images/fanye2_left.png" />
													</div>
													<div class="floatleft fyyeshu">
														<span id="curpage"></span>/
														<span id="allpage"></span>
													</div>
													<div onclick="gotopage(1)" class="floatleft fyjiantou">
														<img src="images/fanye2_right.png" />
													</div>
													<div class="floatleft">
														<input type="text" class="skipinput" id="txtpages"/>
													</div>
													<div onclick="gotopage(2)" class="floatleft fywenzi">
														${lang.skipTo}
													</div>
													<div class="cleardiv">
													</div>
												</div>
									</div>
								</div>
								<div class="cleardiv"></div>
							</div>
							
							<div class="em25"></div>
						</div>
					</div>
	
					<div class="divh20"></div>
					
					
					<div class="widthall" id="divph">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">${lang.brand}${lang.ranking}</div>
							<div class="weather bold font10 hide" id="list2">
							</div>
						</div>
						<div class="whitediv">
							<div class="em25">
							</div>
							<div class="em35 lineh35">
								<div class="floatleft div25"></div>
								<div class="floatleft div105"></div>
								<div class="floatleft div105"></div>
								<div class="floatleft div1210"></div>
								<div class="floatleft div35 outcsv"><img id="phpaixu1" src="images/asc.png" class="" style="padding:2px 1px 2px 1px" onclick="paihangpaixu1()" /></div>
								<div class="floatleft div25"></div>
							</div>
							<div class="em35"></div>
							
							<div class="floatleft hisindexright" style="width: 100%;" >
								<div class="floatleft em515" style="width: 2.5%;">
									
								</div>
								<div class="floatleft hisindexright em515" style="width: 95%;" id="divpaiming1">
									
								</div>
							</div>
<!--							<div class="floatleft hisindexleft" style="width: 16.5%;height: 2px"></div>-->
							<div class="floatleft div25 defaultheight" style="width:7%"></div>
							<div class="">
								<div class="floatleft div25"></div>
								<div class="floatleft divhalf heigthall lineh25"  id="paihangshuoming" style="width: 91.4%;height:auto!important;color: #666 !important;">
								数据说明：
								</div>
								<div class="floatleft div25 defaultheight"></div>
							</div>
							<div class="cleardiv"></div>
								<!--排行榜顺序value=0为降序，1为升序-->
								<input type="hidden" value="0" id="orderBy1" />
							<div class="em25"></div>
						</div>
					</div>
					<div class="divh20"></div>
					
					<div class="widthall" id="divph">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">${lang.all}${lang.brand}${lang.ranking}</div>
							<div class="weather bold font10 hide" id="list2">
							</div>
						</div>
						<div class="whitediv">
							<div class="em25">
							</div>
							<div class="em35 lineh35">
								<div class="floatleft div25"></div>
								<div class="floatleft div105"></div>
								<div class="floatleft div105"></div>
								<div class="floatleft div1210"></div>
								<div class="floatleft div35 outcsv"><img id="phpaixu2" src="images/asc.png" class="" style="padding:2px 1px 2px 1px" onclick="paihangpaixu2()" /></div>
								<div class="floatleft div25"></div>
							</div>
							<div class="em35"></div>
							
							<div class="floatleft hisindexright" style="width: 100%;" >
								<div class="floatleft em515" style="width: 2.5%;">
									
								</div>
								<div class="floatleft hisindexright em515" style="width: 95%;" id="divpaiming2">
									
								</div>
							</div>
<!--							<div class="floatleft hisindexleft" style="width: 16.5%;height: 2px"></div>-->
							<div class="floatleft div25 defaultheight" style="width:7%"></div>
							<div class="">
								<div class="floatleft div25"></div>
								<div class="floatleft divhalf heigthall lineh25"  id="paihangshuomingAll" style="width: 91.4%;height:auto!important;color: #666 !important;">
								数据说明：
								</div>
								<div class="floatleft div25 defaultheight"></div>
							</div>
							<div class="cleardiv"></div>
								<!--排行榜顺序value=0为降序，1为升序-->
								<input type="hidden" value="0" id="orderBy2" />
							<div class="em25"></div>
						</div>
					</div>
					<div class="divh20"></div>
					
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">商场品牌表现</div>
								<div class="weather bold font10">
							</div>
						</div>
						<!--指标-->
						<div class="chartdiv font16">
							<div class="em25"></div>
							<div class="floatleft hisindexleft em575">
								<div class="floatleft zhibiao25"></div>
								<div class="floatleft em35" style="width: 82.8%">
									<select class="indextable widthall heigthall  tdborder" id="select_SCzhibiao"  onchange="changeSCzhibiao(this)">
										<option value="0">视频客流</option>
									</select>
								</div>
								<div class="em65"></div>
								<div class="floatleft zhibiao120" style="height: 64%;display:block;overflow:auto;">
									<table class="indextable widthall textcenter indextableborder" id="SCzhibiaotable">
										<!-- <tr>
											<td id="zhibiao_0" class="em35 lineh35" onclick="getinfo(0,this)">${lang.traffic}</td>
										</tr> -->
									</table>
								</div>
								<div class="cleardiv"></div>
							</div>
							<input type="hidden" value="0" id="sandianType" />
							<div class="floatleft hisindexright em705">
								<div class="mid em705" id="shangchang">
								</div>
							</div>
						</div>
<!--						<div class="floatleft div25 defaultheight"></div>-->
<!--						<div class="em15"></div>-->
<!--						<div class="">-->
<!--							<div class="floatleft div25"></div>-->
<!--							<div class="floatleft divhalf heigthall lineh25"  id="sandianshuoming" style="width: 95%;height:auto!important;">-->
<!--							数据说明：-->
<!--							</div>-->
<!--						</div>-->
						<div class="cleardiv"></div>
					</div>
					
				</form>
			</div>
			<div class="jingediv"></div>
			<div class="cleardiv"></div>
		</div>
		<script type="text/javascript" src="datatables/js/jquery.dataTables.js"></script>
	<jsp:include page="footer.jsp"></jsp:include>
	</body>
</html>